var loading = false; //状态标记+
var app = new Vue({
    el: '#app',
    data: {
        tabs: [
                { name: '企业动态', id: 1 },  { name: '本地新闻', id: 2 }, 
                { name: '协会动态', id: 3 },  { name: '政策动态', id: 4 }, 
                { name: '本地人物', id: 5 },  { name: '企业访谈', id: 6 },
                { name: '评析', id: 7},
              ],
        parentData: [],//一级父元素数据
        sonData:[
                []
            ],//二级子元素数据
        num:0,
        bannerImg:[],//banner图
        Type: 0, //类型：1企业动态、2本地新闻、3协会动态、4政策动态、5本地人物、6企业访谈、7评析
        pageIndex: 1, //当前页码 
        hideing: true,
        userId: 0, //用户ID
        createTime:'',//数据创建时间
        headImg:'',//封面图，每一组的第一个数据的
        headTxt:'',//标题，每一组的第一个数据的
    },
    created() {
        FastClick.attach(document.body);
        $(document.body).infinite();
        if ($.getPara("userId") != "") {
            var userId = $.getPara("userId");
            this.userId = userId;
            //缓存用户ID
            $.setStorage("userId", userId);
        } else {
            if ($.getStorage("userId") && $.getStorage("userId") != "") {
                var userId = parseInt($.getStorage("userId"));
                this.userId = userId;
            }
        } 
        this.getBanner();
        this.getData();
       
    },
    mounted() {
        var that = this;
        this.$nextTick(function() {
            $(document.body).infinite().on("infinite", function() {
                if (loading) return;
                loading = true;
                that.hideing = false;
                setTimeout(function() {
                    // console.log("已经加载出来了+")
                    var pageIndex = that.pageIndex;
                    pageIndex++;
                    that.pageIndex = pageIndex;
                    that.getData();
                    loading = false;
                }, 1500); //模拟延迟
            });
            // 执行banner图轮播初始化
            that.swiperInit();
        })
    },
    methods: {
        //获取benner图
        getBanner(){
          var _this = this;
            $.ajax({
                url:"/api/banner-ad/banner/index",
                type: 'GET', //GET
                async: true, //或false,是否异步
                data: {
                    type:8, //轮播图类型：1首页、2学院、3协会、4媒体、5印厂、6分站首页、7最新资讯、8推荐资讯、9展会
                },
                timeout: 5000, //超时时间
                dataType: 'json', //返回的数据格式：json/xml/html/script/jsonp/text
      
                success: function(res, textStatus, jqXHR) {
                    // console.log(res);
                    if (res.code == 200) {
                        _this.bannerImg = res.data;
                    } else {
                      $.toast(res.msg, "text");
                    }
                },
                error: function(xhr, textStatus) {
                    $.toast(xhr.msg, "text");
                },
      
            })
  
        },
        //获取数据
        getData() {
            var _this = this;
            $.ajax({
                url:"/api/information/recommend",
                type: 'GET', //GET
                async: true, //或false,是否异步
                data: {
                    pageIndex:_this.pageIndex,
                },
                timeout: 5000, //超时时间
                dataType: 'json', //返回的数据格式：json/xml/html/script/jsonp/text
                success: function(res, textStatus, jqXHR) {
                    // console.log(res);//返回的数据是一个二维数组
                    if (res.code == 200) {
                        var list = res.data.list;//接收数据
                        if (list.length > 0) {

                            var original = _this.parentData;//原数据

                            var array = original.concat(list);//新旧拼接
                            // console.log(array)
                            _this.parentData = array;//重新赋值
                            //遍历二位数组
                            // for(let i = 0 ; i<_this.parentData.length; i++){
                               //_this.sonData.push(_this.parentData[i]);
                            //    for(let j = 1 ; j < _this.parentData[i].length; j++){
                            //         // _this.sonData.push(_this.parentData[i][j]);
                            //    }
                                // _this.sonData = _this.parentData[i];
                                // console.log(_this.sonData); 
                                // _this.headImg = _this.sonData[0].head_img;//取每一组封面
                                // _this.headTxt = _this.sonData[0].title;//每一组标题
                                // _this.createTime = _this.sonData[0].create_time;//每一组创建时间
                                
                            // }
                        } else {
                            loading = true;
                            $.toast("没有更多数据了~", "text");
                        }
                        //更新状态
                        _this.hideing = true;
                    } else {
                        //添加数据
                        $.toast(res.msg, "text");
                    }
                },
                error: function(xhr, textStatus) {
                    // console.log('错误')
                    // console.log(xhr)
                    // console.log(textStatus)
                    $.toast("请求失败，请重试", "text");
                },
                complete: function() {

                }
            })

        },
        //每一小项li的路径跳转
        urlHref(id,type) {
            // console.log(items);
            // console.log(id + ' ' +type);
            var para = {};
            para.title = "资讯详情";
            para.type = "newsDetails";
            this.Type = type;//取每一项的type
            if(this.Type == 5 || this.Type == 6 || this.Type == 7){//5本地人物、6企业访谈、7评析
                para.url = '/PageClassify/html/Substation/Character/subCharacterDetails.html?id=' + id;
            }else{//1企业动态、2本地新闻、3协会动态、4政策动态、
                para.url = '/PageClassify/html/Substation/Dynamic/subDynamicDetails.html?id=' + id;
            }
          
            //window.location.href =para.url;
            // if (this.userId > 0) {
            //     para.url = '/template/topicDetails.html?id=' + item.id + "&userId=" + this.userId;
            // }
            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
                //是android系统  目前协议 安卓只能传字符串过去
                // alert("Android系统");
                jsAndroid.appPush(JSON.stringify(para))
                    // jsAndroid.appPush("123456")
            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                //默认为iOS系统   
                window.webkit.messageHandlers.appPush.postMessage(para);
            } else {
                //pc
                window.location.href = para.url;
                alert("PC浏览器");
            };
        },
        //每一组封面信息跳转
        goHeadUrl(id,type){
            var para = {};
            para.title = "资讯详情";
            para.type = "newsDetails";
            this.Type = type;//取每一项的type
            if(this.Type == 5 || this.Type == 6 || this.Type == 7){//5本地人物、6企业访谈、7评析
                para.url = '/PageClassify/html/Substation/Character/subCharacterDetails.html?id=' + id;
            }else{//1企业动态、2本地新闻、3协会动态、4政策动态、
                para.url = '/PageClassify/html/Substation/Dynamic/subDynamicDetails.html?id=' + id;
            }
          
            //window.location.href =para.url;
            // if (this.userId > 0) {
            //     para.url = '/template/topicDetails.html?id=' + item.id + "&userId=" + this.userId;
            // }
            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
                //是android系统  目前协议 安卓只能传字符串过去
                // alert("Android系统");
                jsAndroid.appPush(JSON.stringify(para))
                    // jsAndroid.appPush("123456")
            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                //默认为iOS系统   
                window.webkit.messageHandlers.appPush.postMessage(para);
            } else {
                //pc
                window.location.href = para.url;
                alert("PC浏览器");
            };
        },
        //原生跳转到最新资讯
        goNews(){
          var para = {};
          para.title = "推荐资讯";
          para.type = "newsRecomment";
          para.url = '/template/news.html';
         
        
          //window.location.href =para.url;
          if (this.userId > 0) {
              para.url = '/template/news.html?userId=' + this.userId;
          }
          if (/(Android)/i.test(navigator.userAgent)) { //判断Android
              //是android系统  目前协议 安卓只能传字符串过去
              // alert("Android系统");
              jsAndroid.appPush(JSON.stringify(para))
                  // jsAndroid.appPush("123456")
          } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
              //默认为iOS系统   
              window.webkit.messageHandlers.appPush.postMessage(para);
          } else {
              //pc
              window.location.href = para.url;
              alert("PC浏览器");
          };
        },
        //初始化swiper
        swiperInit(){
            //banner
            var swiper = new Swiper('.swiper-container', {
              autoplay:3000,
              loop:true,
              pagination:'.swiper-pagination',
              autoplayDisableOnInteraction:false,
              observer:true ,//修改swiper自己或子元素时，自动初始化swiper
              observeParents:true,//修改swiper的父元素时，自动初始化swiper
            });
            
            //tabs
            var myTabs = new Swiper('.swiper-tabs',{
                autoplay:0,
                loop:false,
                autoplayDisableOnInteraction:false,
                slidesPerView: 'auto',
                paginationClickable: true,
                spaceBetween: 20
            })
        }
    }
})